<template>
    <div class="demo">
        <h2>学校</h2>
        <h2>学校名称: {{name}}</h2>
        <h2>学校地址: {{address}}</h2>
    </div>
</template>

<script>
    export default Vue.extends({
    name: 'School',
    data() {
        return {
            name: '清华大学',
            address: '北京市海淀区'
        }
    }})
</script>

<style>
    .demo {
        border: 1px solid #ccc;
        padding: 100px;
        margin: 100px;
    }
</style>